const autoprefixer = require("autoprefixer");
const pxtorem = require("postcss-pxtorem");
const path = require("path");
const resolve = function(dir) {
  return path.join(__dirname, dir);
};
module.exports = {
  // rem单位适配
  // css: {
  //   loaderOptions: {
  //     postcss: {
  //       plugins: [
  //         autoprefixer(),
  //         pxtorem({
  //           rootValue: 37.5,
  //           propList: ["*"]
  //         })
  //       ]
  //     }
  //   }
  // },
  publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
  outputDir: "dist",
  assetsDir: "static",

  lintOnSave: true, // 是否开启eslint保存检测
  productionSourceMap: false, // 是否在构建生产包时生成sourcdeMap
  chainWebpack: config => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("@v", resolve("src/views"))
      .set("@c", resolve("src/components"))
      .set("@u", resolve("src/utils"))
      .set("@s", resolve("src/service")); /* 别名配置 */
    config.optimization.runtimeChunk("single");
    config.module
      .rule("css")
      .test(/\.css$/)
      .oneOf("vue")
      .resourceQuery(/\?vue/)
      .use("px2rem")
      .loader("px2rem-loader")
      .options({
        remUnit: 75 //设计稿的宽度的1/10
      });
  },
  devServer: {
    // host: "localhost",
    /* 本地ip地址 */
    // host: "192.168.1.109",
    host: "0.0.0.0", //局域网和本地访问
    // host: "192.168.2.122",
    port: "80",
    disableHostCheck: true,
    hot: true,
    /* 自动打开浏览器 */
    open: false,
    overlay: {
      warning: false,
      error: true
    },
    /* 跨域代理 */
    proxy: {
      "/api": {
        /* 目标代理服务器地址 */
        // target: "http://192.168.2.247:80", // 闫丽 接口地址
        // target: "http://192.168.2.232:80", // 李源 接口地址
        target: "https://platform.169000.net", //莉娟 接口地址

        // target: "http://192.168.2.21:81", //莉娟 接口地址

        // target: "http://192.168.2.3:8090",
        // target: "http://192.168.2.122:8090",
        // target: "http://192.168.2.3:1789", //测试号
        // target: "http://7vv68b.natappfree.cc", //外网地址
        /* 允许跨域 */
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          "^/api": ""
        }
      }
      // '^/api2': {
      //   target: "http://192.168.2.3:8090",
      //   ws: true,  // proxy websockets
      //   changeOrigin: true,  //允许跨域
      //   pathRewrite: {
      //     '^/api2': ""  // rewrite path
      //   }
      // },
    }
  }
};
